import {View,Text,TouchableOpacity,StyleSheet,ScrollView} from 'react-native';
import {MaterialIcons} from '@expo/vector-icons';
import '../../global'
const Setting = () => {
    return (
        <ScrollView>
            <View>
                <TouchableOpacity>
                    <View style={[styles.list,{marginBottom:0}]}>
                        <Text style={styles.listtxt}>个人资料</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>
                
                <TouchableOpacity>
                    <View style={[styles.list,{marginBottom:0}]}>
                        <Text style={styles.listtxt}>账号与安全</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>

                <TouchableOpacity>
                    <View style={styles.list}>
                        <Text style={styles.listtxt}>我的收货地址</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>

                <TouchableOpacity>
                    <View style={styles.list}>
                        <Text style={styles.listtxt}>消息与提醒</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>

                <TouchableOpacity>
                    <View style={[styles.list,{marginBottom:0}]}>
                        <Text style={styles.listtxt}>播放与下载</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>

                <TouchableOpacity>
                    <View style={styles.list}>
                        <Text style={styles.listtxt}>清除缓存</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>
                
                <TouchableOpacity>
                    <View style={styles.list}>
                        <Text style={styles.listtxt}>关于我们</Text>
                        <MaterialIcons name="keyboard-arrow-right" size={24} color="black" style={styles.arrow}/>
                    </View>
                </TouchableOpacity>
            </View>
            
        </ScrollView>
    )
}

const styles=StyleSheet.create({
    list:{
        marginBottom:changeH(20),
        height:changeH(120),
        backgroundColor:'white',
        position:"relative"
    },
    listtxt:{
        fontSize:changeW(30),
        color:'rgba(0,0,0,0.7)',
        position:'absolute',
        left:changeW(50),
        top:changeH(45)
    },
    arrow:{
        position:'absolute',
        right:changeW(30),
        top:changeH(40)
    },
    
})
export default Setting